<template>
  <div class="app-container">
    <el-card>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane v-hasPermi="['msfx:customer:list']" label="往来单位" name="first" :lazy="true">
          <Customer/>
        </el-tab-pane>
        <el-tab-pane v-hasPermi="['basic:druginfo:list']" label="药品信息" name="second" :lazy="true">
          <DrugInfo/>
        </el-tab-pane>
        <el-tab-pane v-hasPermi="['basic:customermap:list']" label="往来单位映射" name="third" :lazy="true">
          <CustomerMap/>
        </el-tab-pane>
        <el-tab-pane v-hasPermi="['association:association:list']" label="药品映射" name="fourth" :lazy="true">
          <DrugMap/>
        </el-tab-pane>
        <el-tab-pane v-hasPermi="['basic:logistics:list']" label="配送单位" name="fifth" :lazy="true">
          <logistics/>
        </el-tab-pane>
        <el-tab-pane v-hasPermi="['fileTransfer:ShareFolders:list']" label="共享文件夹配置" name="sixth" :lazy="true">
          <shareFolders/>
        </el-tab-pane>
        <el-tab-pane  label="文件抓取记录" name="seventh" :lazy="true">
          <fileLog/>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import Customer from '@/views/basic/msfxBasic/customer/index.vue'
import DrugInfo from '@/views/basic/msfxBasic/druginfo/index.vue'
import CustomerMap from '@/views/basic/msfxBasic/mapping/customerMap/index.vue'
import logistics from '@/views/basic/msfxBasic/logistics/index.vue'
import shareFolders from '@/views/basic/msfxBasic/fileTransfer/ShareFolders/index.vue'
import fileLog from '@/views/basic/msfxBasic/fileTransfer/FileInfos/index.vue'
import DrugMap from '@/views/basic/msfxBasic/mapping/drugMap/index.vue'

export default {
  data() {
    return {
      activeName: 'first'
    }
  },
  components: {
    Customer,
    DrugInfo,
    CustomerMap,
    logistics,
    shareFolders,
    fileLog,
    DrugMap
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style scoped>
.app-container {
  padding: 20px;
}

.el-card {
  margin-bottom: 20px;
}

.btn el-button {
  margin-bottom: 20px;
}

.el-pagination {
  float: right;
  margin: 20px;
}
</style>
